/**
 * Created by zy on 2016/06/06.
 */

/* slide-menu & main-body css */
.page-container{display: table; border-collapse: collapse; border-spacing: 0; height: 100%; width: 100%; table-layout: fixed; vertical-align: top;}
.sidebar-menu{display: table-cell; width: 300px; position: relative; background-color: #354253;}
.sidebar-menu-inner{width: inherit; height: 100%; position: fixed; z-index: 11;}
.logo-nav{height: 112px; border-bottom: 1px solid #283345; background-color: #354253; text-align: center;}
.logo-nav>img{padding-top: 30px;}
.sidebar-menu a:hover{color: #f0f0f0;}
.first-menu>li{text-align: center; background-color: #39475c; border-bottom: 1px solid #283345;}
.first-menu>li>a{color: #8396b3; display: block; padding: 18px 0;}
.first-menu>li.active>a{background-color: #47a0e5; color: #ffffff;}
.second-menu, .third-menu{display: none;}
.second-menu>li{text-align: left; background-color: #283345; text-indent: 36%;}
.second-menu>li>a{color: #898f9f; display: block; padding: 8px 0; font-size: 12px;}
.second-menu>li.active>a{color: #ffffff;}
.second-menu>li>a>i{visibility: hidden; border-radius:50%; height: 7px; width: 7px; background-color: #ffffff; margin-right: 7px;}
.second-menu>li.active>a>i{visibility: visible;}
.third-menu>li{text-align: left; background-color: #232b38; text-indent: 40%;}
.third-menu>li>a{color: #4e5b70; display: block; padding: 8px 0; font-size: 12px;}
.third-menu>li.active>a{color: #ffffff;}
.third-menu>li>a>i{visibility: hidden; border:4px solid transparent; height: 0; width: 0; margin-right: 3px;}
.third-menu>li.active>a>i{visibility: visible; border:3px solid transparent; border-left:5px solid #ffffff;}
.first-menu>li>a.nav-bg-01{background: url(../img/zy_sprite.png) no-repeat -143px -70px;}
.first-menu>li.active>a.nav-bg-01{background: #47a0e5 url(../img/zy_sprite.png) no-repeat -143px -153px;}
.first-menu>li>a.nav-bg-02{background: url(../img/zy_sprite.png) no-repeat -143px -235px;}
.first-menu>li.active>a.nav-bg-02{background: #47a0e5 url(../img/zy_sprite.png) no-repeat -143px -317px;}
.first-menu>li>a.nav-bg-03{background: url(../img/zy_sprite.png) no-repeat -143px -402px;}
.first-menu>li.active>a.nav-bg-03{background: #47a0e5 url(../img/zy_sprite.png) no-repeat -143px -485px;}
.first-menu>li>a.nav-bg-04{background: url(../img/zy_sprite.png) no-repeat -143px -565px;}
.first-menu>li.active>a.nav-bg-04{background: #47a0e5 url(../img/zy_sprite.png) no-repeat -143px -648px;}
.first-menu>li>a.nav-bg-05{background: url(../img/zy_sprite.png) no-repeat -143px -732px;}
.first-menu>li.active>a.nav-bg-05{background: #47a0e5 url(../img/zy_sprite.png) no-repeat -143px -814px;}
.first-menu>li>a.nav-bg-06{background: url(../img/zy_sprite.png) no-repeat -143px -897px;}
.first-menu>li.active>a.nav-bg-06{background: #47a0e5 url(../img/zy_sprite.png) no-repeat -143px -980px;}
/* system-settings */
.first-menu>li>a.nav-bg-07{background: url(../img/zy_sysset_sprite.png) no-repeat -143px -87px;}
.first-menu>li.active>a.nav-bg-07{background: #47a0e5 url(../img/zy_sysset_sprite.png) no-repeat -143px -161px;}
.first-menu>li>a.nav-bg-08{background: url(../img/zy_sysset_sprite.png) no-repeat -143px -233px;}
.first-menu>li.active>a.nav-bg-08{background: #47a0e5 url(../img/zy_sysset_sprite.png) no-repeat -143px -307px;}
.first-menu>li>a.nav-bg-09{background: url(../img/zy_sysset_sprite.png) no-repeat -143px -379px;}
.first-menu>li.active>a.nav-bg-09{background: #47a0e5 url(../img/zy_sysset_sprite.png) no-repeat -143px -452px;}
.first-menu>li>a.nav-bg-10{background: url(../img/zy_sysset_sprite.png) no-repeat -143px -526px;}
.first-menu>li.active>a.nav-bg-10{background: #47a0e5 url(../img/zy_sysset_sprite.png) no-repeat -143px -600px;}
.first-menu>li>a.nav-bg-11{background: url(../img/zy_sysset_sprite.png) no-repeat -143px -674px;}
.first-menu>li.active>a.nav-bg-11{background: #47a0e5 url(../img/zy_sysset_sprite.png) no-repeat -143px -748px;}
/* top-nav */
.top-nav{float: right;}
.top-nav>li{float: left; height: 70px; line-height: 70px;}
.top-nav>li>a{display: block; width: 115px; border-left: 1px solid #e4eae9; text-align: center; color: #484d58;}
.top-nav>li>a:hover{background-color: #f4f5f7;}
.top-nav>li>a>i{height: 22px; width: 22px; margin-bottom: -8px;}
.top-nav>li.active>a{color: #ffffff; background-color: #03aeee; border-left: 1px solid #03aeee;}
.top-user-info{float: right; height: 70px; line-height: 70px; min-width: 200px; border-left: 1px solid #e4eae9; padding-left: 30px;}
.top-user-info>span{display: inline-block; margin-right: 5px; cursor: pointer;}
.top-user-info>span>i{height: 22px; width: 22px; margin-bottom: -8px;}
.top-user-photo{height: 22px; width: 22px; border-radius: 50%; background: url(../img/zy_sprite.png) no-repeat -52px -254px; margin-bottom: -6px;}
.top-user-name{font-size: 12px; color: #484d58;}
.top-user-set{margin-right: 35px !important; color: #03aeee;}
/* main-content */
.main-content{display: table-cell; position: relative; vertical-align: top;}
.top-bar{height: 70px; display: table; width: 100%;}
.top-bar-inner{height: 70px; width: inherit; display: table-cell; overflow: hidden; position: fixed; z-index: 10; top: 0; right: 0; background-color: #ffffff; border-bottom: 1px solid #e4eae9;}
.main-inner{padding: 15px;}
.content-inner{background-color: #ffffff; padding: 15px; overflow: hidden;}
.meta-head{height: 40px; width: 100%; display: table; -moz-user-select: none; -webkit-user-select: none; user-select: none;}
.meta-head>.h3{font-size: 16px; display: table-cell;}
.meta-head>.hr{display: table-cell; position: relative;}
.meta-head-line{border-bottom: 1px solid #f1f3f8; width: 100%; height: 0; position: absolute; z-index: 1; top: 12px; left: 0;}
.zy-meta-pick-icon{height: 15px; width: 15px; background: url(../img/zy_sprite.png) no-repeat -318px -1629px; position: absolute; z-index: 2; left: 50%; top: 13%; margin-left: -7px; cursor: pointer;}
.zy-meta-pick-icon:hover{background: url(../img/zy_sprite.png) no-repeat -318px -1614px;}
.zy-meta-pick-icon.active{background: url(../img/zy_sprite.png) no-repeat -318px -1644px;}
.meta-head>h3{font-size: 16px; padding-bottom: 20px; position: relative;}
.meta-head>h4{font-size: 16px; padding-bottom: 20px; color: #646464;}
.copy-right{height: 80px; color: #8396b3; position: absolute; border-top: 1px solid #283345; width: 100%; text-align: center; bottom: 0; padding-top: 20px; z-index: 2; background-color: #354253; font-size: 12px;}
.jance-baogao{position: fixed; z-index: 9; height: 134px; width: 38px; background: url(../img/zy_sprite.png) no-repeat 0 -790px; top: 90px; right: 0px; cursor: pointer;}
.zy-focus-table{width: 100%; display: table; border-top: 1px solid #d7dde9; border-left: 1px solid #d7dde9; background-color: #fcfcfc; vertical-align: top;}
.zy-focus-table>div{width: 20%; display: table-cell; height: 110px; border-bottom: 1px solid #d7dde9; border-right: 1px solid #d7dde9; vertical-align: top;}
.zy-focus-dl{margin: 30px auto 0 auto; height: 60px;}
.zy-focus-dl>dt{float: left; width: 25%;}
.zy-focus-dl>dd{float: left; width: 70%; text-align: center; padding: 2px;}
.zy-pending{padding-top: 10px; padding-right: 10px;}
.zy-pending>em{font-weight: bold; color: #ff7c7c;}
/* system-settings */
.system-settings{background: url(../img/zy_sysset_sprite.png) no-repeat 71px 35px;}
.person-photo{background: url(../img/touxiang.png) no-repeat; height: 140px; width: 140px; border-radius: 50%; margin: 0 auto; overflow: hidden; text-align: center;}
.person-photo>img{border-radius: 50%;}
.person-left{width: 17%;}
.person-right{width: 80%;}
.zy-set-leftbox{width: 30%;}
.zy-set-rightbox{width: 30%;}
.zy-set-rolebox{border: 1px solid #d2d2d2; height: 500px;}
.zy-set-rolehead{background-color: #e0e4ef; text-align: center; height: 40px; line-height: 40px;}
.zy-set-centerbox{height: 500px; width: 20%; float: left;}
.zy-set-centerinner{padding-top: 160px;}
.zy-set-centerinner>p{width: 138px; margin: 30px auto;}
.zy-set-btn-role{height: 40px; width: 138px; border: none; text-align: center; line-height: 38px; cursor: pointer; text-indent: -999px; overflow: hidden;}
.zy-set-b-1{background: url(../img/zy_sysset_sprite.png) no-repeat 0 -746px;}
.zy-set-b-1:hover{background: url(../img/zy_sysset_sprite.png) no-repeat 0 -786px;}
.zy-set-b-1:active{background: url(../img/zy_sysset_sprite.png) no-repeat 0 -826px;}
.zy-set-b-2{background: url(../img/zy_sysset_sprite.png) no-repeat 0 -866px;}
.zy-set-b-2:hover{background: url(../img/zy_sysset_sprite.png) no-repeat 0 -906px;}
.zy-set-b-2:active{background: url(../img/zy_sysset_sprite.png) no-repeat 0 -946px;}
.zy-checkbox-inner{height: 40px; background-color: #ffffff; float: left; position: relative;}
.zy-checkbox-inner-01{height: 38px; line-height: 38px;}
.zy-checkbox-label>label{height: 38px; line-height: 38px;}
.zy-checkbox-label>label>i{margin-bottom: -2px;}
.zy-checkbox-body{border: 1px solid #d2d2d2; height: 38px; border-radius: 4px; width: 100%; padding-right: 44px;}
.zy-checkbox-body.active{border: 1px solid #646464; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.zy-checkbox-btn-a{height: 36px; background-color: #edeffc; width: 42px; line-height: 34px; border-left: 1px solid #d2d2d2; text-align: center; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; right: 1px; top: 1px; z-index: 2;}
.zy-checkbox-btn-b{height: 36px; background-color: #edeffc; width: 42px; line-height: 34px; border-left: 1px solid #d2d2d2; text-align: center; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; right: 1px; top: 1px; z-index: 1;}
.zy-checkbox-list{position: absolute; top: 37px; overflow-y: scroll; overflow-x: hidden; background-color: #ffffff; border: 1px solid #656565; width: 100%; left: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: none; z-index: 6;}
.zy-checkbox-ul>li{width: 100%; color: #646464;}
.zy-checkbox-ul>li:hover{background-color: #f0f0f0;}
.zy-checkbox-p{clear: both; overflow: hidden; width: 100%; height: 100%; padding: 8px 0 10px 8px; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.zy-checkbox-p>i{height: 14px; width: 14px; background: url(../img/zy_sprite.png) no-repeat -15px -87px; margin-right: 4px; margin-bottom: -2px;}
.zy-checkbox-p>i.active{background: url(../img/zy_sprite.png) no-repeat 0 -87px;}
.zy-checkbox-content{float: left; overflow: hidden; width: 100%; height: 36px; line-height: 36px; padding-left: 10px; color: #646464; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.zy-checkbox-content>label{color: #a0a0a0;}
.zy-checkbox-content>span{display: inline-block; margin-right: 7px;}
.zy-circle-nobg{width: 10px; height: 44px; float: left;}
.zy-circle-bg{background: url(../img/zy_sysset_sprite.png) no-repeat -388px -819px; padding-left: 22px;}
.zy-circle-bg1{padding-left: 22px;}
.zy-checkbox-in{float: left; height: 42px; line-height: 42px;}
.zy-sp1{float: left; width: 2%; height: 44px;}
.zy-circle-bg>.zy-input-title{color: #646464;}
.zy-circle-bg1>.zy-input-title{color: #646464;}
/* font-color */
.c-64{color: #646464;}
.c-78{color: #787878;}
.c-90{color: #909090;}
.c-fb{color: #fb8d08;}
.c-cc38{color: #cc381d;}
/* home-page */
.zy_homepage_body{background: #1b2b4b url(../img/zy_homepage_bg.jpg) no-repeat center top;}
.zy-homepage-container{width: 100%; position: relative; height: 100%;}
.zy-homepage-wrap{width: 100%; clear: both; position: relative;}
.zy-homepage-wrap-inner{width: 88%; margin: 0 auto; height: 100%;}
.zy-homepage-top{color: #ffffff; padding-top: 15px; padding-bottom: 15px; width: 100%; white-space: nowrap;}
.zy-homepage-logo{height: 43px; width: 296px;}
.zy-homepage-user{height: 43px; line-height: 43px;}
.zy-exit-icon{height: 14px; width: 14px; background: url(../img/zy_homepage_sprite.png) no-repeat -123px 0; margin-bottom: -1px; margin-left: 5px;}
.zy-arrow-icon{height: 6px; width: 10px; background: url(../img/zy_homepage_sprite.png) no-repeat -155px 0; margin-bottom: 2px; margin-left: 5px;}
.zy-photo-icon{height: 22px; width: 22px; background: #ffffff url(../img/zy_sprite.png) no-repeat scroll -52px -254px; margin-bottom: -6px; border-radius: 50%;}
.zy-homepage-col-01{float: left; width: 19%; height: 100%; overflow: hidden;}
.zy-homepage-col-02{float: left; width: 53%; height: 100%; overflow: hidden;}
.zy-homepage-col-03{float: left; width: 28%; height: 100%; overflow: hidden;}
.zy-homepage-cell-01{height: 100%; width: 96%; background-color: #0586e9;}
.zy-homepage-cell-01:hover{background-color: #057fe1;}
.zy-homepage-cell-02{height: 100%;}
.zy-homepage-cell-03{height: 100%; width: 97%; background-color: #0387ee; float: right;}
.zy-homepage-footer{position: absolute; bottom: 0; height: 60px; line-height: 60px; color: #9aa6b4; text-align: center; width: 100%; clear: both;}
.zy-homepage-cell-02-row{clear: both; height: 31.8%;}
.zy-homepage-sp{margin-right: 1.5%;}
.zy-homepage-sp1{margin-bottom: 1.5%;}
.zy-homepage-cell-02-01{float: left; background-color: #6d76e1; height: 100%; width: 32%;}
.zy-homepage-cell-02-01:hover{background-color: #6e70da;}
.zy-homepage-cell-02-02{float: left; background-color: #2ebde8; height: 100%; width: 32%;}
.zy-homepage-cell-02-02:hover{background-color: #2eb6e1;}
.zy-homepage-cell-02-03{float: left; background-color: #e48445; height: 100%; width: 33%;}
.zy-homepage-cell-02-03:hover{background-color: #dd7e43;}
.zy-homepage-cell-03-01{float: left; background-color: #ffd200; height: 100%; width: 65.5%;}
.zy-homepage-cell-03-01:hover{background-color: #f6c900;}
.zy-homepage-cell-03-02{float: left; background-color: #fb7760; height: 100%; width: 33%;}
.zy-homepage-cell-03-02:hover{background-color: #ed765f;}
.zy-homepage-cell-04-01{float: left; background-color: #39de8b; height: 100%; width: 32%;}
.zy-homepage-cell-04-01:hover{background-color: #39d784;}
.zy-homepage-cell-04-02{float: left; background-color: #0091ff; height: 100%; width: 66.5%;}
.zy-homepage-cell-04-02:hover{background-color: #0087f4;}
.zy-homepage-cell-04-03{float: left; background-color: #7079ef; height: 100%; width: 33%;}
.zy-homepage-cell-04-03:hover{background-color: #7074e8;}
.zy-homepage-link{display: block; height: 100%; width: 100%; text-align: center; position: relative; color: #ffffff;}
.zy-homepage-label{display: block; position: absolute; cursor: pointer; top: 22%; left: 20%; overflow: hidden; width: 60%;}
.zy-homepage-label>span{font-size: 1.4em; cursor: pointer; color: #ffffff;}
.zy-homepage-icon{display: block; margin: 0 auto; width: 33%;}
.zy-homepage-link>.zy-homepage-label img{height: 100%; width: 100%;}
.zy-homepage-w30{width: 30%; left: 35%;}
.zy-homepage-w40{width: 40%; left: 30%;}
.zy-homepage-w80{width: 80%; left: 10%; top: 40%;}
.zy-homepage-cell-03-row-1{height: 27%;}
.zy-homepage-cell-03-row-2{height: 70%;}
.zy-homepage-dynamic-box{padding: 20px;}
.zy-homepage-dynamic-inner{border: 1px solid #399ff3; overflow: hidden; color: #ffffff;}
.zy-homepage-ul{position: relative;}
.zy-homepage-ul>li{border-bottom: 1px solid #2590e9; overflow: hidden; cursor: pointer; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; width: 100%;}
.zy-homepage-ul>li>span{display: inline-block; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.n-b-b{border-bottom: none !important;}
.zy-homepage-biglogo{text-align: center; padding: 15px 0;}
.zy-homepage-biglogo>label{width: 29%; margin: 0 auto; display: block;}
.zy-homepage-biglogo>label>img{width: 100%;}
.zy-homepage-sidebar{position: absolute; width: 2.5%; height: 100%; z-index: 9; right: 0; overflow: hidden;}
.zy-homepage-sideinner{width: 100%; text-align: center; color: #ffffff; font-size: 12px; position: absolute; z-index: 3; left: 0; top: 0; background-color: #344253; height: 92%;}
.zy-homepage-sideinner>a{display: block; color: #ffffff; width: 100%; position: relative; cursor: pointer; height: 25%; vertical-align: middle; text-align: center; padding-top: 10px;}
.zy-homepage-sideinner>a:hover{background-color: #0387ee;}
.zy-homepage-sideinner>a>em{display: block; clear: both; line-height: 14px; margin-top: -2px;}
.zy-homepage-icon-doc{width: 18px; height: 16px; background: url(../img/zy_homepage_sprite.png) no-repeat 0 0; margin: 0 auto;}
.zy-homepage-icon-expert{width: 17px; height: 18px; background: url(../img/zy_homepage_sprite.png) no-repeat -31px 0; margin: 0 auto;}
.zy-homepage-icon-device{width: 13px; height: 18px; background: url(../img/zy_homepage_sprite.png) no-repeat -63px 0; margin: 0 auto;}
.zy-homepage-icon-set{width: 18px; height: 18px; background: url(../img/zy_homepage_sprite.png) no-repeat -91px 0; margin: 0 auto;}
.zy-homepage-sidebtn{position: absolute; bottom: 0; width: 100%; height: 8%; background: #495465 url(../img/zy_sidebtn_01.png) no-repeat center center; cursor: pointer; z-index: 5;}
.zy-homepage-sidebtn.active{background: #495465 url(../img/zy_sidebtn_02.png) no-repeat center center;}
/* notDetection-shenhe */
.zy-line-inner{height: 40px; border-bottom: 1px solid #d2d2d2; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zy-dy-tr td{background-color: #eeeff4;}
.zy-details-box{height: auto; position: relative;}
.zy-dy-inner{text-align: left; padding: 10px; color: #606060;background-color: #eeeff4;}
.zy-dy-head{color: #606060; clear: both; padding: 15px 0 0 0;}
.zy-dy-head>p{width: 33.33%; float: left; padding-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zy-dy-head>.zy-details-mark{padding-bottom: 10px;}
.zy-dy-body{height: 240px;}
.zy-dy-body>p{height: 70px; background-color: #ffffff; margin-bottom: 10px; box-shadow: 0 2px 3px #dedede;}
.zy-dy-label-title{width: 205px; float: left; display: block;}
.zy-dy-label-title>span{display: block; float: left; padding-top: 13px;}
.zy-dy-body>p>label{display: block; float: left; text-align: center; padding-top: 13px; background: url(../img/zy_sprite.png) no-repeat right -1308px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zy-dy-body>p>label>em{display: inline-block;}
.zy-dy-footer{padding: 20px 0; clear: both; width: 100%; text-align: right;}
.zy-xyf-footer{padding: 0 10px 20px 10px; clear: both; width: 100%; text-align: right;}
/*xyf edit by 2016-11-22*/
.xyf-dy-img{ clear: both; width: 100%;text-align: left;height: 150px;padding-top: 10px;}
.xyf-dy-img>div{margin-top: 10px;clear: both; width: 100%;text-align: left;}
.xyf-dy-imgSmall{ clear: both; width: 100%;text-align: left;height: 102px;padding-top: 10px;}
.xyf-dy-imgSmall>div{margin-top: 10px;clear: both; width: 100%;text-align: left;}
.xyf-dy-footer{padding: 0 0 20px 0; clear: both; width: 100%; text-align: right;}
.zy-no-bg{background: none !important;}
.zy-dy-body abbr>a{display: inline-block; padding-top: 7px; margin-right: 7px;}
.zy-dy-body img{height: 55px; width: 55px;}
.zy-dy-status{height: 110px; width: 100%; padding: 20px 0;}
.zy-dy-status>p{display: inline-block; float: left;}
.zy-dy-status>p>span{display: block; text-align: center;}
.zy-dy-bg{height: 60px; width: 4%; background: url(../img/zy_sprite.png) no-repeat center -1425px;}
.zy-dy-status>p>span>i{display: block; background-color: #2abf65; height: 35px; width: 35px; color: #ffffff; font-size: 16px; text-align: center; line-height: 22px; border-radius: 50%; border: 7px solid #c3e1d5; font-family: Arial; font-weight: bold; margin: 0 auto 10px auto; cursor: pointer;}
.zy-t-f{border-bottom: 1px solid #d7dde9; border-right: 1px solid #d7dde9;}
.zy-t-f.n-b{border-bottom: none;}
.zy-dy-info{padding: 10px 0; clear: left;}
.zy-dy-info>span{text-align: left; float: left; display: inline-block; width: 33.33%; padding: 8px 0;}
.zy-imglist{clear: both; height: 80px !important; text-align: left; width: 100% !important; display: block !important;}
.zy-imglist-title{padding: 15px 0; width: 100%; border-bottom: 1px solid #dedede; clear: both; margin-bottom: 10px;}
.zy-imglist img{height: 80px; width: 80px; overflow: hidden; background-color: #dedede; margin-right: 10px;}
.zy-imglist .xyf-null{height: 80px; width: 80px;display: inline-block;background: url('../img/cl_photo_null.png') no-repeat center center #eceff4;}
.zy-charts-tabbox{padding: 15px; border:1px solid #d7dde9;}
.zy-charts-inner{padding: 15px; position: relative; height: 100%;}
.zy-charts-svg{width: 60%; float: left;}
.zy-charts-info>p>span>i{height: 10px; width: 10px; border-radius: 50%; margin-right: 5px;}
.zy-charts-info>p>i{height: 10px; width: 10px; border-radius: 50%; margin-right: 5px;}
.zy-c-i-01{background-color: #fd8d26;}
.zy-c-i-02{background-color: #ffc52c;}
.zy-c-i-03{background-color: #51c6d0;}
.zy-c-i-04{background-color: #00a8d9;}
.zy-c-i-05{background-color: #37a4dd;}
.zy-c-i-06{background-color: #b39dd9;}
.zy-c-i-07{background-color: #8ce82a;}
.zy-c-i-08{background-color: #37a4dd;}
.zy-c-i-09{background-color: #6bdb97;}
.zy-c-i-10{background-color: #5dc3c7;}
.zy-c-i-11{background-color: #fe8e07;}
.zy-c-i-12{background-color: #8bcf42;}
.zy-charts-tabs{margin-bottom: 10px;}
.zy-charts-tabs>ul{height: 40px; border-bottom: 1px solid #dfe5fa;}
.zy-charts-tabs>ul>li{float: left; height: 40px; line-height: 40px; padding: 0 20px; cursor: pointer; color: #7d7e81;}
.zy-charts-tabs>ul>li.active{border-bottom: 3px solid #03aeee; color: #333333;}
.zy-charts-tabs>ul>li:hover{color: #333333;}
.zy-charts-left{border: 1px solid #d7dde9; height: 350px; padding: 15px;}
/* repair */
.meta-bar{line-height: 32px; clear: both;}
.meta-bar>p>label{width: 30%; margin-right: 10px; display: inline-block; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis;}
.zy-toggle-label{display: block; height: 35px; width: 142px; border: 1px solid #2cc17b; border-radius: 4px; color: #2cc17b; line-height: 32px;}
.zy-toggle-label>span{display: block; height: 33px; width: 70px; float: left; text-align: center; cursor: pointer;}
.zy-toggle-label>span.active{background-color: #2cc17b; color: #ffffff;}
.meta-info{border: 1px solid #d7dde9; margin-bottom: 5px; padding: 15px; border-radius: 3px;}
.meta-info>p{padding-bottom: 10px;}
.meta-dl>dd{width: 33.33%; float: left; height: 30px; line-height: 30px;}
.meta-line>label{display: inline-block; height: 30px; margin-bottom: 10px; margin-top: 10px; width: 24%;}
.meta-line>label>span{display: inline-block; height: 30px; width: 40px; text-align: center; color: #ff3300; background-color: #ffffff; border: 1px solid #d3d3d3; border-radius: 3px; margin: 0 5px;}
/* JQ datatable */
.dataTables_info{height: 40px; float: left; padding-top: 20px;}
.dataTables_paginate{height: 40px; float: right; padding-top: 20px;}
.dataTables_paginate a{display: inline-block; border: 1px solid #dfe5fa; padding: 3px 10px; margin: 0 4px; cursor: pointer;}
.dataTables_paginate a.current{background-color: #dfe5fa;}
.dataTables_paginate a.disabled{background-color: #f0f0f0; cursor: not-allowed;}
/* liucheng */
.zy-liucheng-line{height: 160px; border: 1px solid #dfe5fa; margin-bottom: 20px;}
.zy-liucheng-p{height: 90px;}
.zy-liucheng-p>span{text-align: center;}
.zy-liucheng-p>span>kbd{display: block; height: 60px; float: left;}
.zy-liucheng-p>span>label{display: block; height: 60px; background: url(../img/zy_sprite.png) no-repeat 0 -1510px; float: left;}
.zy-liucheng-p>span>label>i{display: block; height: 24px; width: 24px; background: url(../img/zy_sprite.png) no-repeat -282px -1250px; margin: 0 auto 5px auto;}
.zy-liucheng-p>span>label>i.chk{background: url(../img/zy_sprite.png) no-repeat -234px -1250px;}
.zy-liucheng-p>span>label>i.active{background: url(../img/zy_sprite.png) no-repeat -258px -1250px;}
.zy-liucheng-inner{padding: 10px;}
.zy-liucheng-bar{padding: 10px 0; height: 70px;}
.zy-liucheng-bar em{line-height: 30px;}
.zy-lc-bg{background: url(../img/zy_sprite.png) no-repeat center -1432px; display: inline-block; height: 65px;}
.zy-lc-l-bg{background: url(../img/zy_sprite.png) no-repeat 17px -1510px !important;}
.zy-lc-r-bg{background: url(../img/zy_sprite.png) no-repeat -360px -1510px !important;}
.zy-original-line{display: none;}
.zy-hidden-file-div{position: relative;}
.zy-hidden-input-file{position: absolute; height: 38px; width: 130px; z-index: 3; border: none; background: none; overflow: hidden; opacity: 0; filter:alpha(opacity:0); display: block; cursor: pointer;}
.zy-input-file-btn{position: absolute; z-index: 1;}
.zy-s-input{height: 26px; width: 36px; border: none; background: none; text-align: center; color: #ff0000;}
.zy-details-div{padding: 10px;}
.zy-details-div>p{width: 33%; float: left; height: 45px; line-height: 45px; text-align: left;}
.zy-add-more.active .zy-arrow-angle-icon{height: 14px; width: 14px; background-color: transparent; border-top: 0px solid transparent; border-bottom: 8px solid #333333; border-right: 7px solid transparent; border-left: 7px solid transparent; margin-bottom: 2px; margin-left: 4px;}
.zy-input-span{line-height: 38px; padding-left: 10px;}
.zy-input-inner.disabled{background-color: #f5f5f5; color: #909090;}
.zy-table-txt{height: 140px; border: 1px solid #d7dde9; padding: 20px; line-height: 24px;}
.zy-orange-txt{font-size: 20px; color: #ff4400;}
.zy-num-click.active{background-color: #02aeee; border-color: #beddf2;}
.zy-num-click.gray{background-color: #afafaf; border-color: #dedede;}
.zy-pipe-replace{padding: 15px 0;}
.zy-pipe-replace-title{padding: 10px 0;}
.zy-pipe-replace>p{padding: 10px 0;}
.zy-pipe-replace>p>span{display: inline-block; margin-right: 20px;}
.zy-repair-info-box{padding: 20px 10px 0 10px; color: #606060;}
.zy-repair-info-body>p{display: block; width: 25%; text-align: left; float: left; padding: 5px 0;}
.zy-repair-img-div{padding: 10px 0; text-align: left;}
.zy-repair-img-div>div{margin-bottom: 10px;}
.zy-repair-img-span{width: 80px; height: 80px; margin-right: 10px; overflow: hidden; display: inline-block;}
.zy-repair-img-span>a>img{width: 80px; height: 80px; background-color: #ffffff;}
.zy-repair-img-title{width: 120px; height: 80px; margin-right: 10px; overflow: hidden; display: inline-block; line-height: 80px;}
.zy-repair-details-head{text-align: left; border-bottom: 1px solid #dedede; clear: both; width: 100%; padding: 10px 0;}
.zy-dy-details{padding-top: 10px; color: #606060;}
.zy-dy-p>p{width: 33.33%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align: left; float: left; height: 40px; line-height: 40px;}
.zy-dy-p>div{width: 100%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align: left; float: left; height: 40px; line-height: 40px;}
.zy-dy-p>blockquote{width: 100%; clear: both; height: auto; border-bottom: 1px solid #dedede;}
.zy-dy-p>blockquote>p{width: 33.33%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align: left; float: left; height: 40px; line-height: 40px;}
.zy-msg-act-btn{display: block; position: absolute; width: 24px; height: 24px; border: 1px solid #82c2f1; cursor: pointer; bottom: -10px; right: 0;}
.zy-msg-act-btn.prev{right: 50px;}
.zy-msg-act-btn.next{right: 20px;}
.zy-msg-act-btn:hover{border: 1px solid #6fa5cd; color: #6fa5cd;}
.zy-msg-act-btn.disabled{border: 1px solid #1e91e5; color: #1e91e5;}
.zy-msg-no-data-p{text-align: center; padding: 40px 0;}
.zy-user-msg-box{position: absolute; z-index: 3; background-color: #ffffff; padding: 15px; border-radius: 5px;}
.zy-user-msg-p{overflow: hidden; text-overflow: ellipsis; height: 100%;}
.zy-user-msg-arrow{display: block; position: absolute; bottom: -11px; left: 50%; border-bottom: 6px solid transparent; border-top: 6px solid #ffffff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.zy-map{height:0; overflow: hidden; width: 100%;}
.zy-map-inner{height: 550px; background-color: #f0f0f0;}
.zy-picture-line>.w-50{display: inline-block; float: left;}
.zy-defect-text{position: absolute; bottom: 24px; right: 2px; z-index: 2;}
.zy-details-mark{clear: both; width: 100%; word-break:break-all; word-wrap:break-word; white-space: normal; line-height: 22px; text-align: left;}
.zy-charts-bodys{position: relative;}
.zy-charts-float-msg{position: absolute; z-index: 2; left: 0; top: 0; background-color: rgba(0,0,0,0.5); color: #ffffff; text-align: center; padding: 4px 10px; border-radius: 3px;}
.zy-homepage-sidebar-tip{position: absolute; background-color: rgba(0,0,0,0.3); color: #ffffff; height: 90px; width: 35px; text-align: center; display: none; top: 0; left: -50px; border-radius: 3px; padding-top: 10px; opacity: 0;}
/* login */
.zy-login-panel{width: 600px; height: 380px; border-radius: 10px; background-color: rgba(0,0,0,0.4); position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px;}
.zy-login-logo{height: 45px; text-align: center; overflow: hidden; margin-top: 25px;}
.zy-login-form-box{padding-top: 20px;}
.zy-login-logo img{height: 100%;}
.zy-login-line{height: 45px; width: 330px; margin: 20px auto; border-radius: 3px; overflow: hidden;}
.zy-login-line .zy-login-input{height: 45px; width: 280px; background-color: rgba(53,62,68,0.8); border: none; text-indent: 10px; color: #ffffff;}
.zy-login-btn{height: 44px; width: 100%; border-radius: 3px; color: #ffffff; font-size: 16px; text-align: center; border: none; background-color: #0190fc; cursor: pointer;}
.zy-login-btn:hover{background-color: #018af6;}
.zy-mark-pass{color: #707684; display: block; height: 22px; width: 102px; line-height: 22px; font-size: 12px; cursor: pointer}
.zy-login-icon{height: 45px; width: 50px; background-color: rgba(255,255,255,0.4);}
.zy-login-icon.user{background: rgba(53,62,68,0.9) url(../img/zy_homepage_sprite.png) no-repeat -154px -40px;}
.zy-login-icon.pass{background: rgba(53,62,68,0.9) url(../img/zy_homepage_sprite.png) no-repeat -101px -37px;}
.zy-login-icon-chk{width: 44px; height: 22px; background: url(../img/zy_homepage_sprite.png) no-repeat -44px -87px; float: left; margin-right: 5px;}
.zy-login-icon-chk.active{background: url(../img/zy_homepage_sprite.png) no-repeat 0 -87px;}
.zy-slogan{position: absolute; width: 100%; text-align: center; color: #9aa6b4; bottom: 60px;}
.zy-slogan-line{width: 600px; margin: 0 auto; overflow: hidden; height: 39px;}
.zy-slogan-line>i{position: absolute; z-index: 2; height: 22px; width: 22px; background: url(../img/zy_homepage_sprite.png) no-repeat -55px -49px; left: 50%; top: -10px; margin-left: -11px;}
.zy-slogan-line>hr{height: 0; border-bottom: 1px solid #909090; width: 600px; position: absolute; z-index: 1;}
/* pipe base setting */
.zy-tab-head{height: 55px; overflow: hidden;}
.zy-tab-head>ul>li{height: 55px; width: 33.33%; border: 1px solid #dedede; margin-right: -1px; float: left; text-align: center; line-height: 55px; cursor: pointer;}
.zy-tab-head>ul>li.active{background-color: #2f80be; border: 1px solid #2f80be; color: #ffffff;}
.zy-table-bar{padding: 0 0 10px 0;}
.zy-table-bar>div>span{padding-right: 30px;}
.zy-div-tab{padding-top: 30px;}
.zy-switch-sys{height: 20px; width:41px; background: url(../img/zy_sysset_sprite.png) no-repeat -178px -957px; cursor: pointer;}
.zy-switch-sys.off{background: url(../img/zy_sysset_sprite.png) no-repeat -218px -957px;}
.zy-select-table{height: 280px; overflow-y: auto; overflow-x: hidden;}
.zy-pipe-all-room{height: 390px; overflow-y: auto; overflow-x: hidden;}
/* corrctrl dashboard */
.zy-cathodic-tab-head{height: 60px; border: 1px solid #dedede; margin-bottom: 20px;}
.zy-cathodic-tab-head>ul>li{float: left; height: 60px; padding: 0 40px; text-align: center; line-height: 60px; cursor: pointer; margin-top: -1px; margin-left: -1px;}
.zy-cathodic-tab-head>ul>li.active{background-color: #03aeee; color: #ffffff;}
.zy-radio-icon{height: 14px; width: 14px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -14px 0; margin-bottom: -1px;}
.zy-radio-icon.active{background: url(../img/zy_corrctrl_sprite.png) no-repeat 0 0;}
.zy-radio-icon.disabled{background: url(../img/zy_corrctrl_sprite.png) no-repeat -28px 0;}
.zy-cathodic-date{height: 23px; width: 23px; background: url(../img/zy_corrctrl_sprite.png) no-repeat 3px -29px; cursor: pointer;}
.zy-cathodic-date:hover{background: url(../img/zy_corrctrl_sprite.png) no-repeat -32px -29px;}
.zy-radio-group{display: inline-block;}
.zy-radio-group>label{display: inline-block; padding: 8px 0;}
.zy-checkbox-group>label{display: inline-block; padding: 8px 0;}
/* corrctrl repair */
.zy-record-line{height: auto; border: 1px solid #dedede; overflow: hidden; background-color: #e0e4ef; margin-bottom: 20px;}
.zy-record-meta{width: 4%;  height: 100%; overflow: hidden; text-overflow: ellipsis;}
.zy-record-meta>span{display:block; width: 14px; margin: 0 auto; line-height: 16px; position: relative; padding-top: 90%;}
.zy-record-body{width: 96%; height: 100%;}
.zy-record-info{width: 100%; height: 100%; border-bottom: 1px solid #dedede; overflow: hidden; background-color: #f6f7fc;}
.zy-record-img{width: 100%; background-color: #ffffff; padding: 15px; text-align: left; overflow: hidden; text-overflow: clip; white-space: nowrap; word-break: break-all;}
.zy-record-img>label{display: block; float: left; width: 50px; height: 95px; color: #787878; text-align: center; line-height: 14px;}
.zy-record-img>span{display: block; float: left; height: 95px; width: 110px; background-color: #fafafa; margin-right: 12px; overflow: hidden; text-align: left;}
.zy-record-img>span>a{display: block; text-align: left;}
.zy-record-img>span>a>img{height: 95px; width: 110px;}
.zy-record-info>span{display: block; float: left; width: 20%; padding: 7px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; margin-bottom: -1px;}
/* zy-calender */
.zy-calender{width: 100%; border-left: 1px solid #d7dde9; border-top: 1px solid #d7dde9; table-layout: fixed;}
.zy-calender>thead>tr>th{height: 40px; line-height: 40px; text-align: center; background-color: #dfe4ee; border-right: 1px solid #d7dde9; border-bottom: 1px solid #d7dde9;}
.zy-calender>tbody>tr>td{height: 80px; background-color: #ffffff; border-right: 1px solid #d7dde9; border-bottom: 1px solid #d7dde9; vertical-align: top; text-align: left; padding: 5px; overflow: hidden;}
.zy-calender>tbody>tr>td.pre{background-color: #fafafa; color: #cfcfcf;}
.zy-calender>tbody>tr>td.next{background-color: #fafafa; color: #cfcfcf;}
.zy-calender>tbody>tr>td.today{}
.zy-calender>tbody>tr>td.on{background-color: #edeffc;}
.zy-calender>tbody>tr>td.select{background-color: #6d76e1; color: #ffffff;}
.zy-calender-meta{height: 45px; padding: 10px 0;}
.zy-calender-year{line-height: 25px; font-size: 18px; margin-right: 10px;}
.zy-calender-btn{height: 25px; width: 25px; border: 1px solid #d7dde9; cursor: pointer; color: #909090; background-color: #ebf0fa; margin-left: 5px; text-align: center; line-height: 20px; font-size: 18px;}
.zy-calender-now{height: 25px; width: 50px; border: 1px solid #d7dde9; cursor: pointer; color: #909090; background-color: #ebf0fa; margin-left: 5px; text-align: center; line-height: 25px; font-size: 12px;}
.zy-calender-btn:hover{background-color: #eff4fe; color: #000000;}
.zy-plan-flex{height: auto; width: auto;}
.zy-plan-div{width: 33.33%; height: 140px; float: left; border: 1px solid #d7dde9; margin-left: -1px; margin-top: -1px;}
.zy-plan-num{height: 40px; width: 40px; background-color: #f0f0f0; text-align: center; border-radius: 50%; margin-right: 2px;}
.zy-plan-meta{margin-top: 20px; margin-left: 30px; height: 40px; line-height: 40px;}
.zy-plan-body{margin-top: 10px; margin-left: 75px;}
.zy-plan-body>p{line-height: 22px;}
.zy-current-td-span{display: inline-block; clear: both; width: 100%; padding-top: 50px;}
.current.yes{background-color: #00baff; color: #ffffff;}
/* border table */
.zy-border-table{width: 100%; position: relative; clear: both; margin-bottom: 20px;}
.zy-border-table{width: 100%; border-top:1px solid #d7dde9; border-left:1px solid #d7dde9; text-align: center; color: #383c50;  border-right:1px solid #d7dde9; table-layout: fixed;}
.zy-border-table>thead>tr>th{font-weight: normal; height: 38px; vertical-align: middle; border-bottom:1px solid #d7dde9; border-right:1px solid #d7dde9; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; margin: 0 2px;}
.zy-border-table>tbody>tr>td{font-weight: normal; height: 38px; vertical-align: middle; border-bottom:1px solid #d7dde9; border-right:1px solid #d7dde9; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; margin: 0 2px;}
.zy-border-table>thead>tr>th{background-color: #dfe4ee;}
.zy-border-table>tbody>tr.even td{background-color: #f6f7fc;}
.zy-border-table>tbody>tr:hover td{background-color: #eeeff4;}
.zy-border-table>tbody>tr>td>span{overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.zy-cathodic-custom{display: block; height: inherit; width: inherit; position: relative; line-height: 38px; cursor: pointer;}
.zy-pick-plan{position: absolute; z-index: 2; background-color: #ffffff; border: 1px solid #d7dde9; border-top: none; box-shadow: 0 5px 6px #e1e7f3; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.zy-pick-plan>abbr{display: block; height: inherit; width: inherit; font-style: normal; text-align: center; line-height: 38px;}
.zy-pick-plan>ul>li{padding: 5px 10px; cursor: pointer; text-align: center;}
.zy-pick-plan>ul>li:hover{background-color: #f0f0f0;}
.zy-pick-down-icon{width: 0; height: 0; background: transparent; border-top: 5px solid #787878; border-bottom: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; top: 18px; right: 18px; z-index: 1;}
.zy-pick-plan>ul>li.non-data{height: 38px; line-height: 30px;}
.zy-pick-up-icon{width: 0; height: 0; background: transparent; border-top: 5px solid transparent; border-bottom: 5px solid #787878; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; top: 18px; right: 18px; margin-top: -4px;}
.zy-plan-input{display: inline-block; height: 38px; width: 150px; border: 1px solid #d5d5d5; border-radius: 4px; padding-left: 5px;}
.zy-plan-input.date{background: url(../img/zy_sprite.png) no-repeat right -1692px;}
.zy-plan-input:disabled{background-color: #f0f0f0;}
.zy-plan-btn-box{height: 38px;}
.zy-plan-btn-act{height: 19px; border: 1px solid #d7dde9; display: block; cursor: pointer; background-color: #edeffc; text-align: center; font-size: 10px; color: #909090;}
.zy-plan-btn-act:hover{color: #565656;}
.zy-plan-time-input{height: 38px; width: 100%; border: none; padding-left: 5px; border-top: 1px solid #d7dde9; border-bottom: 1px solid #d7dde9; display: inline-block;}
.zy-plan-btn-act.left-top{border-bottom: none; border-top-left-radius: 4px;}
.zy-plan-btn-act.left-bottom{border-bottom-left-radius: 4px;}
.zy-plan-btn-act.right-top{border-bottom: none; border-top-right-radius: 4px;}
.zy-plan-btn-act.right-bottom{border-bottom-right-radius: 4px;}
.zy-pick-up{border: 1px solid #dedede; color: #565656; background-color: #fafafa;}
.zy-pick-up>i{height: 0; width: 0; background: transparent; border-bottom: 4px solid #565656; border-top: 4px solid transparent; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-right: 5px; margin-bottom: 3px;}
.zy-cathodic-disabled{height: inherit; width: inherit; text-align: center; border: none; background-color: #fafafa; position: absolute; z-index: 2; left: 0; top: 0;}
.zy-url-arrow{height: 0; width: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #606060; border-right: 4px solid transparent; margin: 0 2px 0 4px;}
.zy-cath-file{height: 38px; width: 80%; position: absolute; z-index: 2; opacity: 0; cursor: pointer;}
/* icon button */
.zy-file-upload-icon{height: 21px; width: 21px; background: url(../img/zy_corrctrl_sprite.png) no-repeat 0 -67px; cursor: pointer; margin-bottom: -4px;}
.zy-file-upload-icon:hover{background: url(../img/zy_corrctrl_sprite.png) no-repeat 0 -88px;}
.zy-file-download-icon{height: 21px; width: 21px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -21px -67px; cursor: pointer; margin-bottom: -4px;}
.zy-file-download-icon:hover{background: url(../img/zy_corrctrl_sprite.png) no-repeat -21px -88px;}
.zy-file-nodownload-icon{height: 21px; width: 21px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -105px -67px; cursor: not-allowed; margin-bottom: -4px;}
.zy-file-import-icon{height: 21px; width: 21px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -42px -67px; cursor: pointer; margin-bottom: -4px;}
.zy-file-import-icon:hover{background: url(../img/zy_corrctrl_sprite.png) no-repeat -42px -88px;}
.zy-file-eyes-icon{height: 21px; width: 21px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -63px -67px; cursor: pointer; margin-bottom: -4px;}
.zy-file-eyes-icon:hover{background: url(../img/zy_corrctrl_sprite.png) no-repeat -63px -88px;}
.zy-file-eyes-icon.active{background: url(../img/zy_corrctrl_sprite.png) no-repeat -63px -88px;}
.zy-lgreen{border-left: 1px solid #2bbe65;}
.zy-lblue{border-left: 1px solid #489fe4;}
.zy-lv{height: 160px; margin-top: 15px;}
.zy-lspan{display: block; height: 160px; float: left; width: 54px; margin-right: 4px;}
.zy-mspan{display: block; height: 160px; float: left; width: 20px;}
.zy-rspan{display: block; height: 160px; float: left; width: 40px;}
.zy-mspan.green-dot{background: url(../img/zy_corrctrl_sprite.png) no-repeat -180px -280px;}
.zy-rspan.green-unit{background: url(../img/zy_corrctrl_sprite.png) no-repeat -224px -280px;}
.zy-lv-green-0{background: url(../img/zy_corrctrl_sprite.png) no-repeat 0 -110px;}
.zy-lv-green-1{background: url(../img/zy_corrctrl_sprite.png) no-repeat -54px -110px;}
.zy-lv-green-2{background: url(../img/zy_corrctrl_sprite.png) no-repeat -108px -110px;}
.zy-lv-green-3{background: url(../img/zy_corrctrl_sprite.png) no-repeat -162px -110px;}
.zy-lv-green-4{background: url(../img/zy_corrctrl_sprite.png) no-repeat -216px -110px;}
.zy-lv-green-5{background: url(../img/zy_corrctrl_sprite.png) no-repeat -270px -110px;}
.zy-lv-green-6{background: url(../img/zy_corrctrl_sprite.png) no-repeat -324px -110px;}
.zy-lv-green-7{background: url(../img/zy_corrctrl_sprite.png) no-repeat 0 -280px;}
.zy-lv-green-8{background: url(../img/zy_corrctrl_sprite.png) no-repeat -54px -280px;}
.zy-lv-green-9{background: url(../img/zy_corrctrl_sprite.png) no-repeat -108px -280px;}
.zy-mspan.blue-dot{background: url(../img/zy_corrctrl_sprite.png) no-repeat -180px -620px;}
.zy-rspan.blue-unit{background: url(../img/zy_corrctrl_sprite.png) no-repeat -224px -620px;}
.zy-lv-blue-0{background: url(../img/zy_corrctrl_sprite.png) no-repeat 0 -444px;}
.zy-lv-blue-1{background: url(../img/zy_corrctrl_sprite.png) no-repeat -54px -444px;}
.zy-lv-blue-2{background: url(../img/zy_corrctrl_sprite.png) no-repeat -108px -444px;}
.zy-lv-blue-3{background: url(../img/zy_corrctrl_sprite.png) no-repeat -162px -444px;}
.zy-lv-blue-4{background: url(../img/zy_corrctrl_sprite.png) no-repeat -216px -444px;}
.zy-lv-blue-5{background: url(../img/zy_corrctrl_sprite.png) no-repeat -270px -444px;}
.zy-lv-blue-6{background: url(../img/zy_corrctrl_sprite.png) no-repeat -324px -444px;}
.zy-lv-blue-7{background: url(../img/zy_corrctrl_sprite.png) no-repeat 0 -614px;}
.zy-lv-blue-8{background: url(../img/zy_corrctrl_sprite.png) no-repeat -54px -614px;}
.zy-lv-blue-9{background: url(../img/zy_corrctrl_sprite.png) no-repeat -108px -614px;}
.zy-green-lv-icon{display: block; position: absolute; right: 10px; top: 0; background: url(../img/zy_corrctrl_sprite.png) no-repeat -278px -309px; height: 46px; width: 38px;}
.zy-blue-lv-icon{display: block; position: absolute; right: 10px; top: 0; background: url(../img/zy_corrctrl_sprite.png) no-repeat -276px -650px; height: 46px; width: 38px;}
.zy-login-msg{color: #c56348;}
.zy-repair-done-icon{height: 67px; width: 67px; background: url(../img/zy_base_sprite.png) no-repeat 0 -151px;}
.zy-work-repair-done{height: 100px; text-align: center; clear: both;}
.zy-work-repair-button{clear: both; text-align: right;}
.zy-meta-info{line-height: 30px; padding: 10px 0;}
.zy-meta-info>span{margin-right: 30px;}
/* dygraphs css */
.dygraph-axis-label-x{font-size:12px; color: #454545;}
.dygraph-axis-label-y{font-size:12px; color: #454545;}
.dygraph-xlabel{font-size:12px; color: #454545;}
.dygraph-ylabel{font-size:12px; color: #454545;}
.d3-tip-box{position: absolute; z-index: 3; background: rgba(0,0,0,0.5); color: #ffffff; border-radius: 3px; padding: 4px 5px; font-size: 12px; text-align: left; width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;}
.d3-xyf-tip-box{position: absolute; z-index: 3; background: rgba(0,0,0,0.5); color: #ffffff; border-radius: 3px; padding: 4px 5px; font-size: 12px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;}
/* electric potential */
.zy-electric-icon{height: 10px; width: 38px;}
.zy-elec-green{background: url(../img/zy_corrctrl_sprite.png) no-repeat -108px 0}
.zy-elec-orange{background: url(../img/zy_corrctrl_sprite.png) no-repeat -108px -26px}
.zy-elec-blue{background: url(../img/zy_corrctrl_sprite.png) no-repeat -108px -52px}
.zy-elec-gray{background: url(../img/zy_corrctrl_sprite.png) no-repeat -69px 0}
.zy-plot-icon{height: 13px; width: 13px;}
.zy-plot-pink{background: url(../img/zy_corrctrl_sprite.png) no-repeat -203px 0}
.zy-cathodic-meta{border: 1px solid #dedede; background-color: #fafafa; margin-bottom: 20px;}
.zy-cathodic-meta>span{width: 24%; display: inline-block; padding: 6px 0 6px 6px;}
.zy-cathodic-meta>div{width: 100%; display: inline-block; padding: 6px 0 6px 6px;}
.zy-level-icon{height: 13px; width: 13px;}
.zy-level-strong{background-color: #ffd9da;}
.zy-level-middle{background-color: #f4e8c1;}
.zy-level-weak{background-color: #c7f4c1;}
.zy-export-icon-s{height: 21px; width: 21px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -84px -67px; cursor: pointer; margin-bottom: -4px;}
.zy-export-icon-s:hover{background: url(../img/zy_corrctrl_sprite.png) no-repeat -84px -88px;}
/* system setting */
#JQ_son_line>figure{border-bottom: 1px dashed #dedede; margin-bottom: 20px; padding-bottom: 10px;}
#JQ_mulit_line>figure{border-bottom: 1px dashed #dedede; margin-bottom: 20px; padding-bottom: 10px;}
#JQ_son_line2>figure{border-bottom: 1px dashed #dedede; margin-bottom: 20px; padding-bottom: 10px;}
#JQ_mulit_line2>figure{border-bottom: 1px dashed #dedede; margin-bottom: 20px; padding-bottom: 10px;}
.zy-dy-p-head{clear: both; height: 30px; line-height: 30px; margin: 20px 0 5px 0; border-bottom: 1px solid #dfdfdf; width: 100% !important;}
.zy-dy-p-heads{clear: both; height: 30px; line-height: 30px; margin: 20px 0 5px 0;}
.zy-dy-p-span{float: left; width: 33.33%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px;}
.zy-dy-p-spans{float: left; width: 25%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; border-bottom: 1px dashed #dfdfdf;}
.zy-dy-p-remark{clear: both; line-height: 28px; white-space: pre-wrap; word-break: break-all;}
.zy-altitude-icon{width:21px; height:21px; background: url(../img/zy_pipebase_sprite.png) no-repeat 0 -54px; cursor: pointer;}
.zy-altitude-icon:hover{background: url(../img/zy_pipebase_sprite.png) no-repeat -33px -54px;}
/* dc ac */
.zy-abc-table{width: 100%; text-align: center; border: 1px solid #d7dde9; border-right: none;}
.zy-abc-table td{height: 40px;}
.zy-abc-in-table{width: 100%;}
.zy-abc-head{background-color: #dfe4ee; text-align: center; font-weight: bold;}
.zy-abc-in-td{background-color: #eef3fd;}
.zy-abc-in-table td{border-right: 1px solid #d7dde9; border-bottom: 1px solid #d7dde9;}
.zy-trend-icon{height: 21px; width: 21px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -324px -67px; cursor: pointer;}
.zy-trend-icon:hover{background: url(../img/zy_corrctrl_sprite.png) no-repeat -324px -88px;}
.zy-details-img-box{display: block; float: left; margin-top: 6px;}
.zy-work-record-remark{line-height: 33px; padding-left: 10px; clear: both; border-bottom: 1px solid #dedede; margin-bottom: -1px;}
/* export pdf css */
.zy-pdf-html{position: absolute; z-index: 33; background-color: #ffffff; box-shadow: 0 0 5px #787878; left: 0; top: 0; display: none;}
.zy-pdf-head{height: 130px; width: 100%; background-color: #ffffff;}
.zy-pdf-head-logo{height: 50px; line-height: 50px; padding: 0 20px;}
.zy-pdf-head-title{height: 80px; line-height: 80px; text-align: center; font-size: 26px; margin: 0 20px; border-bottom: 1px solid #bfbfbf;}
/* analysis */
.zy-dot-on-electric{height: 10px; width: 10px; background-color: #48a2e8; border-radius: 10px;}
.zy-dot-off-electric{height: 10px; width: 10px; background-color: #f09191; border-radius: 10px;}
.zy-dot-off-free{height: 10px; width: 10px; background-color: #6acb81; border-radius: 10px;}
.zy-icon-mark-point{height: 16px; width: 8px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -288px -0px; margin-bottom: -3px;}
.zy-icon-mark-point2{height: 16px; width: 8px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -270px -0px; margin-bottom: -3px;}
.zy-icon-mark-point3{height: 16px; width: 8px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -256px -0px; margin-bottom: -3px;}
.zy-icon-test-electric{height: 16px; width: 8px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -306px -0px; margin-bottom: -3px;}
.zy-icon-10k{height: 12px; width: 16px; background-color: #ade6b9;}
.zy-icon-15k{height: 12px; width: 16px; background-color: #fbdaa7;}
.zy-icon-50k{height: 12px; width: 16px; background-color: #f4c2c3;}
.zy-icon-100k{height: 12px; width: 16px; background-color: #ef9796;}
.zy-empty-footer{padding: 0 10px; text-align: right; margin-top: 20px;}
.zy-status-red{color: #f26e60;}
.zy-status-blue{color: #03aeee;}
.zy-status-gray{color: #909090;}
.zy-charts-top-tag{font-size: 12px; color: #565656;}
/* base data icon */
.zy-basedata-icon-pipebase{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat 0 -124px; margin-bottom: -4px;}
.zy-basedata-icon-valveroom{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -20px -124px; margin-bottom: -4px;}
.zy-basedata-icon-valveroad{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -40px -124px; margin-bottom: -4px;}
.zy-basedata-icon-hww{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -60px -124px; margin-bottom: -4px;}
.zy-basedata-icon-steel{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -80px -124px; margin-bottom: -4px;}
.zy-basedata-icon-bow{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -100px -124px; margin-bottom: -4px;}
.zy-basedata-icon-tee{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -120px -124px; margin-bottom: -4px;}
.zy-basedata-icon-tap{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -140px -124px; margin-bottom: -4px;}
.zy-basedata-icon-close{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -160px -124px; margin-bottom: -4px;}
.zy-basedata-icon-reducer{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -180px -124px; margin-bottom: -4px;}
.zy-basedata-icon-ball{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat 0 -144px; margin-bottom: -4px;}
.zy-basedata-icon-cover{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -20px -144px; margin-bottom: -4px;}
.zy-basedata-icon-cross{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -40px -144px; margin-bottom: -4px;}
.zy-basedata-icon-adjunct{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -60px -144px; margin-bottom: -4px;}
.zy-basedata-icon-identi{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -80px -144px; margin-bottom: -4px;}
.zy-basedata-icon-marker{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -100px -144px; margin-bottom: -4px;}
.zy-basedata-icon-protect{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -120px -144px; margin-bottom: -4px;}
.zy-basedata-icon-media{width: 20px; height: 20px; background: url(../img/zy_pipebase_sprite.png) no-repeat -140px -144px; margin-bottom: -4px;}
/* corrctrl icon */
.zy-corrctrl-icon-plan{width: 20px; height: 20px; background: url(../img/zy_corrctrl_sprite.png) no-repeat 0 -780px; margin-bottom: -4px;}
.zy-corrctrl-icon-external{width: 20px; height: 20px; background: url(../img/zy_corrctrl_sprite.png) no-repeat -21px -780px; margin-bottom: -4px;}
/* login new d3 map & svg bg */
.zy-canvas-bg{position: absolute; left: 0; top: 0;}
.zy-login-new-body{background-color: #3a5da3; width: 100%; height: 100%;}
.zy-login-new-box{display: table; height: 100%; width: 100%;}
.zy-login-new-left{display: table-cell; width: 73%; height: inherit; text-align: left; vertical-align: top;}
.zy-login-new-right{display: table-cell; width: 22%; height: inherit; background-color: rgba(40, 70, 135, 0.5); text-align: left; vertical-align: top; position: relative;}
.zy-login-new-padding{padding-top: 200px;}
.zy-login-new-logo{height: 100px; width: 100%;}
.zy-login-new-logo>span{display: inline-block; margin: 30px 0 0 30px;}
.zy-login-new-dologin{height: 350px; width: 100%;}
.zy-login-new-inner{padding: 0 50px;}
.zy-login-new-form-logo{height: 100px; width: inherit; text-align: center;}
.zy-login-new-form-logo>span{display: inline-block; width: 80%;}
.zy-login-new-form-logo>span>img{width: 100%;}
.zy-login-new-form-line{height: 40px; width: inherit;}
.zy-login-new-form-icon{height: inherit; width: 20%; background-color: #ffffff;}
.zy-login-new-form-input{height: inherit; width: 80%; background-color: #ffffff;}
.zy-login-new-form-input-el{height: inherit; width: 100%; border: none; background-color: transparent;}
.zy-login-new-form-submit{height: 100%; width: 100%; background-color: #68dc97; color: #ffffff; font-size: 16px; text-align: center; border: none; cursor: pointer;}
.zy-login-new-form-submit:hover{background-color: #5bd18b;}
.zy-login-new-copyright{font-size: 12px; color: #ffffff; text-align: center; position: absolute; bottom: 20px; height: 50px; width: 230px; margin-left: -115px; left: 50%; line-height: 20px;}
.zy-login-new-map{position: absolute; z-index: 3; background-color: transparent;}
/* charts move area */
.zy-charts-drag-box{position: relative;}
.zy-charts-drag-div{position: absolute; z-index: 1; display: none; top: 0; left: 0; width: 30px; background-color: transparent; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.zy-charts-drag-left{position: absolute; z-index: 2; background: url(../img/zy_drag_line_dot.png) repeat-y -4px 0 transparent; width: 10px; top: 0; left: 0; float: left; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: w-resize;}
.zy-charts-drag-middle{position: absolute; z-index: 3; background-color: rgba(144, 202, 249, 0.12); width: 10px; top: 0; left: 10px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: move;}
.zy-charts-drag-right{position: absolute; z-index: 4; background: url(../img/zy_drag_line_dot.png) repeat-y -13px 0 transparent; width: 10px; top: 0; right: 0; float: left; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: e-resize;}
.zy-charts-drag-left-dot{position: absolute; height: 9px; width: 9px; background-color: #ffffff; border: 1px solid #90caf9; border-radius: 7px;}
.zy-charts-drag-left-dot.l-1{left: 5px; top: -4px;}
.zy-charts-drag-left-dot.l-2{left: 5px; bottom: -4px;}
.zy-charts-drag-left-dot.r-1{right: 5px; top: -4px;}
.zy-charts-drag-left-dot.r-2{right: 5px; bottom: -4px;}
/*.zy-charts-drag-left:hover{background: url(../img/zy_drag_line_dot.png) repeat-y 9px 0 transparent;}
.zy-charts-drag-right:hover{background: url(../img/zy_drag_line_dot.png) repeat-y 0 0 transparent;}*/
.zy-setting-icon{background: url(../img/zy_pipebase_sprite.png) no-repeat -54px -236px;}
.zy-corrctrl-icon{background: url(../img/zy_pipebase_sprite.png) no-repeat 0 -236px;}
.zy-analysis-icon{background: url(../img/zy_pipebase_sprite.png) no-repeat -27px -236px;}
/* compatible */
@media(min-width: 400px){
    .sidebar-menu{width: 0;}
}
@media(min-width: 768px){
    .sidebar-menu{width: 250px;}
    .zy-record-info>span{width: 33.33%;}
}
@media(min-width: 992px){
    .sidebar-menu{width: 260px;}
    .zy-record-info>span{width: 33.33%;}
}
@media(min-width: 1200px){
    .sidebar-menu{width: 270px;}
    .zy-homepage-icon{width: 40%;}
    .zy-homepage-label>span{font-size: 1.2em;}
    .zy-record-info>span{width: 33.33%;}
    .lsk-photo{width:100%;background-color:#f6f7fc;overflow:hidden}
    .lsk-photo .imgP{display:block;
        height: 158px;
        margin: 10px 0 10px 10px;
        padding: 0;
        width: 158px;border:0;
        float:left}
}
@media(min-width: 1440px){
    .sidebar-menu{width: 300px;}
    .zy-record-info>span{width: 25%;}
    .lsk-photo{width:100%;background-color:#f6f7fc;overflow:hidden}
    .lsk-photo .imgP{display:block;
        height: 200px;
        margin: 10px 0 10px 10px;
        padding: 0;
        width: 200px;border:0;
        float:left}
}
@media(max-height: 550px){
    .zy-slogan{display: none;}
    .zy-homepage-footer{display: none;}
}


/*xyf>tab-nav tab切换*/
.xyf-tab-nav{
    width: 100%;
    height: 60px;
    border: 1px solid #dedede;
    margin-bottom: 20px;
}
.xyf-except-icon {  background: rgba(0, 0, 0, 0) url("../img/lsk_xb.png") no-repeat scroll -6px -1px;  cursor: pointer;  height: 26px;  margin-bottom: -3px;  width: 26px;
}
.xyf-except-disabled-icon{height: 21px; width: 21px; background: url(../img/xyf_yc.png) no-repeat center center; cursor: pointer; margin-bottom: -3px;}
.xyf-tab-nav>li{
    float: left; width: 11.11%;  height: 60px; padding: 0; text-align: center; line-height: 60px; cursor: pointer; margin-top: -1px;
}
.xyf-tab-nav>li.xyf-nav-select{
    background-color: #03aeee; color: #ffffff;
}
div.xyf-nav-content{
    display: none;
}
div.xyf-export-btn{
    float: right;
    padding-top: 6px;
}
/*表单收起展开*/
.xyf-toggle-form-div{width: 100%;height: 40px;line-height: 40px;background-color: #f6f7fc;border-bottom: 1px solid #e6eafb; text-align: center;position: relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor: pointer;}
.xyf-toggle-form-div>span{display: block;position: absolute;left: 15px;font-size: 16px;}
.xyf-toggle-form-icon{height: 12px; width: 24px; background: url(../img/form_hide_img.png) no-repeat center 4px;}
.active>.xyf-toggle-form-icon{height: 12px; width: 24px; background: url(../img/form_show_img.png) no-repeat center 4px;}
/*运行记录详情页的固定内容展示*/
div.xyf-fixed-term{
    padding: 10px;
    background-color: #f2f2f2;
    border: 1px solid #dedede;
    border-radius: 3px;
    margin-bottom: 20px;
}
div.xyf-fixed-term>span{
    padding-right: 30px;
}
div.xyf-not-chart{
    width:100%;height: 90%; background:url('../img/chart_no_data.png') no-repeat center center;position: relative;display: none;
}
div.xyf-chart-div{width: 100%;height: 90%;margin-top: 30px;}
/*整改记录二级页面的表单*/
div.xyf_hidden_form{
    display: none;
}
.xyf-back-div{width: 100%;height: 90px; padding-top: 50px;text-align: right;margin-bottom: 20px;}
.xyf-export-page-div{width: 100%;text-align: right;margin-bottom: 20px;}
.xyf-overflow-div{width: 100%; height: 80px;}
/*清官管理收发球按钮*/
.xyf-button{border: 1px solid #dfe5fa; background-color: #ffffff; text-align: center; padding: 7px 15px 8px 15px; cursor: pointer; font-size: 14px;}
.xyf-serve-icon{height: 30px; width: 30px; background: url(../img/clean_pipe_serve.png) no-repeat 0 0; margin-bottom: -8px; margin-right: 7px;}
.xyf-receive-icon{height: 30px; width: 30px; background: url(../img/clean_pipe_receive.png) no-repeat 0 0; margin-bottom: -8px; margin-right: 7px;}
.xyf-button-inner{ padding: 0 10px;}
.xyf-img-button{width:40px; height:40px;}
/*清管管理切换列表与地图*/
.xyf-tab-map{height: 40px;width: 202px;}
div.xyf-right-div{float: right;padding-top: 8px;text-align: right;}
.xyf-tab-map ul{width:202px;height:30px;border-radius:5px;border:1px solid #2cc17b;  float: right;}
.xyf-tab-map ul li{cursor: pointer; height: 28px; ;line-height: 30px; text-align: center; font-size: 14px; color: #2cc17b; float: left;width: 100px;}
.xyf-tab-map ul li.xyf-active{background-color:#2cc17b;color:white;border-radius:5px}
.xyf-save-icon{height: 16px; width: 16px; background: url(../img/clean_pipe_save.png) no-repeat 0 0; margin-bottom: -3px; margin-right: 6px;}
/*清管跟踪管理简单信息部分css*/
.xyf-top-hint{width:100%;height:80px;background-color:#FFFFFF;margin:0 auto 10px auto;overflow:hidden;border:1px solid #dfe5fa}
.xyf-top-hint .xyf-hint-img{float:left;width:60px;height:60px;margin:10px 25px 10px 10px;background:url("../img/cl_track_detail.png") no-repeat center center;background-size:100%}
.xyf-top-hint .xyf-hint-message{float:left;width:260px;height:40px;margin:18px 25px 20px 0px;position:relative}
.xyf-top-hint .xyf-hint-message.ma25{margin-left:20px}
.xyf-top-hint .xyf-hint-message .xyf-mes-title{color:#6e7f91;font-size:14px;}
.xyf-top-hint .xyf-hint-message .xyf-mes-text{color:#34474f;font-size:14px;}
.xyf-top-hint .xyf-hint-message em{display:inline-block;height:20px;width:2px;background-color:#dae1e8;position:absolute;right:0;top:10px}
/*清管跟踪管理跟踪点详情部分css*/
.xyf-track-point{width:100%;border:1px solid #cfd5d8;margin:20px 0;position:relative}
.xyf-track-point .xyf-none{display:none !important;}
.xyf-point-info{width:100%;margin:0 auto;padding: 20px;}
.info-top{width:100%;height:1px;background:#cfd5d8;position:relative;top:15px}
.info-top span{display:inline-block;height:20px;background-color:white;line-height:20px;color:#383c50;font-size:16px;left:0;top:-10px;position:absolute;width:100px}
.info-ul{width:100%;margin-top:45px;overflow:hidden}
.info-ul li{margin-bottom:15px;width:22%;margin-right:4%;height:40px;line-height:40px;float:left;border-bottom:1px solid #eef2f5}
.info-ul li.fine-li{margin-right:0}
.info-ul li span{cursor:pointer;display:inline-block;width:65%;float:left;color:#6e7f91;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.info-ul li font{cursor:pointer;display:inline-block;width:35%;float:left;color:#34474f;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.info_foot{width: 100%;height:100px;}
.info_foot_img{width:48%;height:99px;border-bottom:1px solid #eef2f5;}
.info_foot_img>span{color:#6e7f91;font-size:14px;display:inline-block;float:left;padding-top: 20px;}
.info_foot_img>div{float: left;width: 396px;height: 58px;margin-top: 30px}
.info_foot_depict{width:48%;height:100px;float: right;margin-top: -100px;}
.xyf_foot_depict{margin-top: -140px;}
.info_foot_depict>span{font-size: 14px;color:#6e7f91; padding-bottom: 5px;}
.info_foot_depict>textarea{width:100%;height:80px;padding:5px;font-size:13px;color:#333333;border:1px solid #d7dde9;resize:none}
.xyf_foot_depict>textarea{margin-top: 20px;height:100px;}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
       position: relative;
       min-height: 1px;
       padding: 0  15px;
       height: 50px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {  float: left;  }
.col-xs-12 {  width: 100%;  }
.col-xs-11 {  width: 91.66666667%;  }
.col-xs-10 {  width: 83.33333333%;  }
.col-xs-9 {  width: 75%;  }
.col-xs-8 {  width: 66.66666667%;  }
.col-xs-7 {  width: 58.33333333%;  }
.col-xs-6 {  width: 50%;  }
.col-xs-5 {  width: 41.66666667%;  }
.col-xs-4 {  width: 33.33333333%;  }
.col-xs-3 {  width: 25%;  }
.col-xs-2 {  width: 16.66666667%;  }
.col-xs-1 {  width: 8.33333333%;  }
@media (min-width: 1440px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {  float: left;  }
    .col-lg-12 {  width: 100%;  }
    .col-lg-11 {  width: 91.66666667%;  }
    .col-lg-10 {  width: 83.33333333%;  }
    .col-lg-9 {  width: 75%;  }
    .col-lg-8 {  width: 66.66666667%;  }
    .col-lg-7 {  width: 58.33333333%;  }
    .col-lg-6 {  width: 50%;  }
    .col-lg-5 {  width: 41.66666667%;  }
    .col-lg-4 {  width: 33.33333333%;  }
    .col-lg-3 {  width: 25%;  }
    .col-lg-2 {  width: 16.66666667%;  }
    .col-lg-1 {  width: 8.33333333%;  }
}
.xyf-point{width:100%;border:1px solid #cfd5d8;margin:20px 0;position:relative}
.xyf-point-box{width: 100%;padding:0 10px;position: relative;}
.info-top-div{width: 100%;height: 60px;background-color: #dfe4ee;position: relative;}
.info-top-div>span{display: inline-block;height: 60px;line-height: 60px}
.top-div-title{font-size: 18px;padding:0 25px;}
.top-div-remark{float: right;margin-right: 25px;}
.top-div-remark>i{font-size: 18px;font-weight: bold;color: #2abf65;padding: 0 5px}
.xyf-point-message>div{display: block;width: 100%;height: 29px;margin-top:20px;font-size: 14px;border-bottom:1px solid #eef2f5;}
.xyf-point-message>div>span
{cursor:pointer;display:inline-block;float:left;color:#6e7f91;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.xyf-point-message>div>font {cursor:pointer;display:inline-block;float:left;padding-left:
        10px;color:#34474f;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.xyf-point-other{width: 100%;padding:0 10px;position: relative;}
.xyf-point-other>.col-xs-6,.xyf-point-other>.col-lg-6{height: 150px;}
.xyf-point-other>div>span{display: block;color:#6e7f91;font-size:14px;margin: 20px 0;}
.xyf-point-other>div>textarea {width:100%;height:68px;margin-top: -10px;padding:5px;font-size:13px;color:#333333;border:1px solid #d7dde9;resize:none}
/*清管管理评价页面css*/
.xyf-eval-top{width:100%;height: 101px;border:1px solid #cfd5d8;position:relative;padding: 20px 0;margin-bottom: 20px}
.xyf-eval-top>div{float: left;}
.eval-top-sect{width: 24.8%;height: 60px;}
.eval-top-sect>img{width: 60px;height: 60px;margin-left: 20px;float: left;}
.top-sect-text{float: left;margin-left: 10px}
.top-sect-text>p{font-size: 14px;line-height: 14px;color: #6e7f91;padding: 10px 0 0 0;}
.top-sect-text>span{font-size: 22px;line-height: 22px;font-weight: bold}
.eval-top-gap{width: 1px;height: 60px;background-color: #cfd5d8;float: right;}

/*清管管理-任务管理-复制任务css*/
.xyf-action-box{position: fixed; top: 0; left: 0; z-index: 100;display: none;width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);}
.xyf-copy-content{position: fixed; width: 700px; height: 480px;background-color: #fff;}
.xyf-action-title{background-color: #e7e7e7; font-size: 16px; height: 45px; line-height: 45px; text-align: center; position: relative; cursor: move; -moz-user-select: none; -webkit-user-select: none; user-select: none;}
.zy-input-group .xyf-textarea{width: 100%;height: 80px;border:1px solid #e7e7e7;border-radius: 3px;}
.xyf-action-box>img{display: block;position: fixed; z-index: 101;width: 600px; height: 400px;}
.xyf-close-div{position: fixed; top: 0; left: 0; z-index: 99;display: block;width: 100%; height: 100%;background-color: rgba(0,0,0,0.8);}
.xyf-copy-inner{height: 38px;line-height: 38px; border-bottom: 1px solid #d2d2d2; background-color: #ffffff; float: left; position: relative; width: 100%;}
.xyf-copy-inner>span{font-size: 12px;color: #666;display: inline-block;width: 30%;float: left;}
.xyf-copy-inner>i{float: left;}
.xyf-copy-inner>font{font-size: 16px;width: 70%;float: right;display: inline-block;white-space:nowrap; overflow: hidden;text-overflow:ellipsis;}
/*清管管理图标*/
.xyf-history-icon{height: 20px; width: 20px; background: url(../img/cl_icon_history.png) no-repeat 0 0; margin-bottom: -4px; margin-right: 7px;}
.xyf-track-icon{height: 20px; width: 20px; background: url(../img/cl_icon_track.png) no-repeat center center; margin-bottom: -4px; margin-right: 7px;}
.xyf-task-icon{height: 20px; width: 20px; background: url(../img/cl_icon_task.png) no-repeat center center; margin-bottom: -4px; margin-right: 7px;}
.xyf-edit-icon{height: 24px; width: 24px; background: url(../img/cl_icon_edit.png) no-repeat 0 0; cursor: pointer; margin-bottom: -4px;}
.xyf-edit-icon:hover{background: url(../img/cl_icon_Tedit.png) no-repeat 0 0;}
.xyf-enclosure-icon{height: 24px; width: 24px; background: url(../img/cl_icon_enclosure.png) no-repeat 0 0; cursor: pointer; margin-bottom: -4px;}
.xyf-enclosure-icon:hover{background: url(../img/cl_icon_Tenclosure.png) no-repeat 0 0;}
.xyf-release-icon{height: 24px; width: 24px; background: url(../img/cl_icon_Trelease.png) no-repeat 0 0; cursor: pointer; margin-bottom: -4px;}
.xyf-release-icon:hover{background: url(../img/cl_icon_THrelease.png) no-repeat 0 0;}
.xyf-see-map-icon{height: 24px; width: 24px; background: url(../img/cl_icon_Tmap.png) no-repeat 0 0; cursor: pointer; margin-bottom: -4px;}
.xyf-see-map-icon:hover{background: url(../img/cl_icon_THmap.png) no-repeat 0 0;}
.xyf-see-image-icon{height: 24px; width: 24px; background: url(../img/cl_icon_Timg.png) no-repeat 0 0; cursor: pointer; margin-bottom: -4px;}
.xyf-see-image-icon:hover{background: url(../img/cl_icon_THimg.png) no-repeat 0 0;}

.xyf-table-corner{width: 20px;height: 39px;position: absolute;top:0;right: 0;background-color: #dfe4ee;z-index: 9;}
/*清管管理图表*/
.xyf-chart-box{width: 100%;height: 420px;border:1px solid #e7e7e7;padding: 15px 0 15px 15px;position: relative; margin-bottom: 20px;}
.xyf-chart-rect{width: 100%;height: 340px; margin-top: 15px;display: none}
.xyf-chart-no-rect{width: 100%;height: 340px; background: url("../img/chart_no_data.png") no-repeat center center; margin-top: 15px;display: none}
/*清管管理各任务点*/
.xyf-slide-box{width:100%;height:205px;overflow-x:auto;border: 1px solid #e7e7e7;padding: 35px 0 0 30px;}
/*.xyf-slide-content{margin-top: 30px;margin-left: 30px;}*/
.xyf-slide-content>div{float: left;}
.xyf-slide-content>.xyf-link-div>div{float: left;}
/*始发球点 */
.xyf-begin-point{width: 160px;position: relative;}
.xyf-begin_point-top{width: 160px;height: 49px;}
.xyf-begin_point-top>div{float: left;}
.xyf-begin-point-light{width: 22px;height: 29px;background:url("../img/cl_point_track.png") no-repeat 0 0;position: absolute;top:-30px;left: 13px;display: none;}
.begin_point-top-img{width: 48px;height: 48px;background:url("../img/cl_point_beginDark.png") no-repeat 5px 5px #f5f5f5;border: 1px solid #e7e7e7;border-radius: 24px;}
.begin_point-top-line{width: 113px;height: 3px;background-color: #f5f5f5;border-top: 1px solid #e7e7e7;margin-left: -1px;border-bottom: 1px solid #e7e7e7;margin-top: 22px;}
.end_point-top-img{width: 48px;height: 48px;background:url("../img/cl_point_endDark.png") no-repeat 5px 5px #f5f5f5;border: 1px solid #e7e7e7;border-radius: 26px;}
.clear{clear: both; height: 0; overflow: hidden;}
.xyf-begin-point>p{margin: 0;padding: 0 0 3px 0;font-size: 12px; color: #999;}
.xyf-begin-point>p.bengin-point-number{margin: 10px 0 3px 0; font-size: 14px; color: #333;}
.linkActive>div>.end_point-top-img{background:url("../img/cl_point_endLight.png") no-repeat center center #f5f5f5;}
.linkActive>div>.begin_point-top-img{background:url("../img/cl_point_begin.png") no-repeat center center #f5f5f5;}
.linkActive>div>.xyf-begin-point-light{display: block;width: 22px;height: 29px;background:url("../img/cl_point_track.png") no-repeat 0 0;position: absolute;top:-30px;left: 13px;}
/*中间的跟踪点*/
.xyf-link-point{width: 220px;position: relative;}
.xyf-link_point-top{width: 220px;height: 31px;padding: 9px 0;}
.xyf-link_point-top>div{float: left;}
.xyf-link-point-light{width: 22px;height: 29px;background:url("../img/cl_point_track.png") no-repeat 0 0;position: absolute;top:-24px;left: 4px;}
.link_point-top-img{width: 30px;height: 30px;background:url("../img/cl_point_linkDark.png") no-repeat 3px 3px #f5f5f5;border: 1px solid #e7e7e7;border-radius: 15px;}
.link_point-top-img>img{width: 19px;height: 19px;display: block;margin: 0;padding: 0;}
.link_point-top-line{width: 191px;height: 3px;background-color: #f5f5f5;border-top: 1px solid #e7e7e7;margin-left: -1px;border-bottom: 1px solid #e7e7e7;margin-top: 13px;}
.xyf-link-point>p{margin: 0;padding: 0 0 3px 0;font-size: 12px; color: #999;}
.xyf-link-point>p.link-point-number{margin: 28px 0 3px 0; font-size: 14px;}
.linkActive .link_point-top-img{background:url("../img/cl_point_linkLight.jpg") no-repeat center center #f5f5f5;}
.linkActive>p.link-point-number{color: #333;}

.xyf-file-name{display:inline-block;width: 150px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;margin-top: 10px;}
.xyf-datatable-empty{height: 330px;width: 100%; background: url("../img/chart_no_data.png") no-repeat center 90px #ffffff; text-align: center; position: relative;border: 1px solid #d7dde9;}

/*清管大图展示样式*/
.xyf-img-boost{padding: 0;margin: 0;background: rgba(0,0,0,0.8);z-index:20;position: fixed;
    top:0;left:0;-moz-user-select: none; -webkit-user-select: none; user-select: none;}
.xyf-close-img-div{width:100%;height:100%;padding: 0;margin: 0;z-index:21;position: absolute;
    top:0;left:0;}
.xyf-close-img-icon{width: 44px; height:44px;position: absolute;top:0;right: 0;
    z-index:99;background: url("../img/close_icon_default.png") no-repeat 0 0;}
.xyf-close-img-icon:hover{background: url("../img/close_icon_pressed.png") no-repeat 0 0;}
.xyf-img-box{position:fixed;top:50px;left: 180px;text-align: center;z-index: 18; -moz-user-select: none; -webkit-user-select: none; user-select: none;}
.xyf-img-src{z-index: 99;}
.xyf-img-prev-btn{display: block;position: fixed;z-index: 30;width: 80px;height: 150px;background: url("../img/img_prev.png") no-repeat center center; cursor: pointer;}
.xyf-img-prev-btn:hover{background: url("../img/img_prev_select.png") no-repeat center center;}
.xyf-img-next-btn{display: block;position: fixed;z-index: 30;width: 80px;height: 150px;background: url("../img/img_next.png") no-repeat center center; cursor: pointer;}
.xyf-img-next-btn:hover{background: url("../img/img_next_select.png") no-repeat center center;}

/*清管模块小图展示样式*/
.xyf-small-image-display{position: relative;width: 396px;height: 58px;margin: 0;padding: 0;overflow: hidden;}
.xyf-small-img-null{width: 58px;height: 58px;margin: 0;padding: 0;background: url('../img/cl_photo_null.png') no-repeat center center #eceff4;}
.xyf-small-image-list{display: inline;float: left; height: 58px;margin: 0;padding: 0;position: absolute;left: 0;
    top:0;}
.xyf-small-image-list li{width: 66px;display: inline;float: left;margin: 0;padding: 0;}
.xyf-small-image-list li img{width: 58px;height: 58px;margin: 0;padding: 0;display: inline-block;}
.xyf-small-image-prev{position: absolute;width: 18px;height: 33px;top:12px;left: 0;z-index: 8;background: url("../img/cl-small-img-left.png") no-repeat -1px 0;}
.xyf-small-image-next{position: absolute;width: 18px;height: 33px;top:12px;right: 8px;z-index: 8;background: url("../img/cl-small-img-right.png") no-repeat 1px 0;}


div.xyf-hide{  display: none;  }
.xyf-null-track-div{width: 100%;height: 20px;}
.xyf-track-form-line{margin: 0;height: 51px;}

/*周边环境*/
.xyf-position{width:100%;border:1px solid #d2d2d2;margin:20px 0;position: relative;}
.position-left-info{width:5%;background-color:#dfe4ee;height:100%;float:left;text-align:center;position: relative;}
.position-left-info>span{
    display: inline-block;
    width: 16px;
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);;
}
.position-right-info{padding:20px;font-size:16px;color:#646464;width: 95%}
.xyf-img-up{width: 100%;height: 100px;}
.xyf-img-up>div{height: 100%;}
.xyf-imgUp-button{border: 0 none; background: #f0f0f0; text-align: center; width: 100px;height: 100px; cursor: pointer; border-radius: 4px; font-size: 16px;color: #666;}
.xyf-imgUp-button:hover{background-color: #e8e8e8;}
.xyf-imgUp-icon{height: 21px; width: 21px; background: url(../img/zy_sprite.png) no-repeat -194px -1155px; cursor: pointer; margin-bottom: -3px;}

.xyf-radio-ambient{margin-top: 3px;}
.xyf-radio-ambient>label{color: #666;padding: 8px 15px 8px 0;}

.xyf-img-up{position: relative; height: 130px;}
.xyf-picture-line{height: 120px; padding: 10px 0;}
.xyf-picture-line span{display:block; height: 100px; font-size: 12px; float: left;}
.xyf-picture-line span img{height: 100px; width: 130px;}
.xyf-noninternal-upload-button{border: 1px solid #e8e8e8; background-color: #f0f0f0; text-align: center; cursor: pointer; font-size: 16px !important; color: #afafaf; width: 100px; height: 100px; float: left;}



.xyf-examine-box{width: 100%;height: auto;padding: 20px;text-align: left;background-color: #eeeff4;border: 1px solid #d2d2d2;margin-bottom: 20px;}
.xyf-examine-info{width: 100%;color: #606060; clear: both; padding:0;}
.xyf-examine-info>p{width: 33.33%; float: left; padding-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xyf-examine-info>div{width: 100%; float: left; padding-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xyf-ambient-textArea{width: 100%;height: 80px;border: 1px solid #e7e7e7;border-radius: 5px;}

.xyf-ae-img-null{width: 140px;height: 100px;margin: 0;padding: 0;background: url('../img/cl_photo_null.png') no-repeat center center #eceff4;}
.xyf-ae-image-display{position: relative;width: 924px;height: 100px;margin: 0;padding: 0;overflow: hidden;}
.xyf-ae-image-list{display: inline;float: left; height: 100px;margin: 0;padding: 0;position: absolute;left: 0;
    top:0;}
.xyf-ae-image-list li{width: 154px;display: inline;float: left;margin: 0;padding: 0;}
.xyf-ae-image-list li img{width: 140px;height: 100px;margin: 0;padding: 0;display: inline-block;}
.xyf-ae-image-prev{position: absolute;width: 18px;height: 33px;top:33px;left: 0;z-index: 8;background: url("../img/cl-small-img-left.png") no-repeat -1px 0;}
.xyf-ae-image-next{position: absolute;width: 18px;height: 33px;top:33px;right: 14px;z-index: 8;background: url("../img/cl-small-img-right.png") no-repeat 1px 0;}
.rBottom{margin-bottom: 20px;}
.rTop{margin-top: 10px;}
/*周边环境管理*/


/*系统设置--角色管理*/
.haveData{height: 12px; width: 24px; background: url(../img/arrow_pressed.png) no-repeat 14px center;}
.haveData.active{height: 12px; width: 24px; background: url(../img/arrow_default.png) no-repeat 17px center;}
.haveData.none{height: 12px; width: 24px; background: url(../img/zy_corrctrl_sprite.png) no-repeat 0 -388px;}
.xyf-two-checked{height: 12px; width: 40px;}
.xyf-three-checked{height: 12px; width: 80px;}
.xyf-four-checked{height: 12px; width: 120px;}
.xyf-five-checked{height: 12px; width: 160px;}
.xyf-six-checked{height: 12px; width: 200px;}
/*.zy-datatable>tbody.xyf-table-body>tr>td{border-bottom: none;background-color: rgba(255,255,255,0)}*/
.zy-datatable>tbody.xyf-table-body>tr>td{background-color: rgba(255,255,255,0)}
.zy-datatable>tbody.xyf-table-body>tr:hover td{background-color: rgba(255,255,255,0)}
.zy-datatable>tbody.xyf-table-body>tr.even td{background-color: rgba(255,255,255,0)}
.zy-datatable>tbody>tr.xyf-one-backColor{background-color: #c4cde0;}
.zy-datatable>tbody>tr.xyf-two-backColor{background-color: #e1e1e1;}
.zy-datatable>tbody>tr.xyf-three-backColor{background-color: #f0f0f0;}
.zy-datatable>tbody>tr.xyf-four-backColor{background-color: #ffffff;}

.xyf-checkbox-all{height: 16px; width: 16px; background: url(../img/icon_default.png) no-repeat 0 0; cursor: pointer;}
.xyf-checkbox-all.half{background: url(../img/icon_pressed_half.png) no-repeat 0 0;}
.xyf-checkbox-all.active{background: url(../img/icon_pressed_all.png) no-repeat 0 0;}
.xyf-checkbox{height: 16px; width: 16px; background: url(../img/icon_default.png) no-repeat 0 0; cursor: pointer;}
.xyf-checkbox.half{background: url(../img/icon_pressed_half.png) no-repeat 0 0;}
.xyf-checkbox.active{background: url(../img/icon_pressed_all.png) no-repeat 0 0;}
/*系统设置--角色管理*/

/*异常处理单*/
.lsk-info{width:100%;height:130px;background-color: #f6f7fc;padding:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.lsk-info ul{width:100%;overflow:hidden}
.lsk-info ul li{color:#333;float:left;margin-bottom:8px;font-size:14px}
.lsk-w40{width:40%}
.lsk-w60{width:60%}
.lsk-w100{width:100%}
.lsk-title{width:100%;margin-top:15px;margin-bottom:8px;font-size:14px;color:#333}
.lsk-title.new{font-size:16px;margin-bottom:20px}

.lsk-map-advice{width:100%;overflow:hidden;}
.lsk-map-advice .left-map{width:49%;float:left;margin-right:2%;}
.lsk-map-advice .left-map>div{height:260px;border:1px solid #d7dee9;width:100%}
.lsk-map-advice .left-map>div>iframe{width:100%;height:260px}
.lsk-map-advice .right-advice{width:49%;float:left;}
.lsk-map-advice .right-advice div{width:100%;height:260px;border:1px solid #d7dee9}
.lsk-map-advice .right-advice div textarea{width:100%;padding:10px;height:240px;resize:none;border:none}
.lsk-on-off{width:100%;height:55px;border:1px solid #d7dee9;margin:15px 0}
.lsk-on-off em{width:10px;height:10px;margin-top:22px;display:inline-block;border-radius:100%;background-color:#29bf65;margin-left:20px;margin-right:15px}
.lsk-on-off i{display:inline-block;width:55px;height:27px;float:right;margin-top:13px;margin-right:15px;background:url("../img/Switch-off.png") no-repeat center center;}
.lsk-on-off i.active{background:url("../img/Switch-on.png") no-repeat center center}
.lsk-on-off i.on{background:url("../img/Switch-on.png") no-repeat center center}
.lsk-Processing-record{width:100%;height:175px;border:1px solid #d7dee9}
.lsk-Processing-record textarea{width:100%;padding:10px;height:150px;resize:none;border:none}
.lsk-m20{margin-top:50px}
.lsk-m50{margin-top:50px}
.lsk-m30{margin-top:30px}
.lsk-m10{margin-top:10px}
.lsk-right15{margin-right:15px}
/*干扰源管理*/
.lsk-tab-0{width:100%;height:60px;border:1px solid #d7dde9;overflow:hidden}
.lsk-tab-0 li{cursor:pointer;float: left;height:58px;position:relative;line-height:58px;font-size:14px;text-align:center;width:25%}
.lsk-tab-0 li.active{background-color:#03aeee;color:#FFFFFF}
.lsk-tab-contents{width:100%;}
.lsk-tab-0 li.w1{width:15%}
.lsk-tab-0 li.w2{width:20%}
.lsk-none{display:none}
/*项目管理*/
.lsk-tab-main{position:relative;}
.lsk-checked{float:left;height:40px;line-height:40px;}
.lsk-checked i{vertical-align:-2px}
.lsk-left-info{width:49%;float:left;}
/*.lsk-middle-info{width:4%;float:left;height:100%;position:relative;}*/
.lsk-left-info.nb{border-right:none}
.lsk-data-import{width:100%;margin-bottom:20px}
.lsk-data-import.nb{border-bottom:0}
.lsk-import-name{font-size:16px;color:#333;}
.lsk-upload{width:100%;height:35px;margin-top:10px}
.lsk-upload button.mr2{margin-right:2%}
@media(max-width:1366px){
    .lsk-upload input{width:35%;height:35px;border:1px solid #d2d2d2;margin-right:2%;text-indent:10px}
}
@media(min-width:1370px){
    .lsk-upload input{width:55%;height:35px;border:1px solid #d2d2d2;margin-right:2%;text-indent:10px}
}
.lsk-back-info{width:100%;height:20px;line-height:20px;color:#63d47a;font-size:13px;margin-top:10px}

.lsk-right-info{width:49%;float:left;margin-left: 2%}
.lsk-progress{width:100%;margin-top:40px}
.lsk-progress p{font-size:14px;color:#333}
.lsk-progress .lsk-p{margin-top:10px;width:100%;height:12px;border:1px solid #d2d2d2;position:relative;border-radius:5px}
.lsk-progress .lsk-p em{display:inline-block;width:50%;border-radius:5px;height:10px;position:absolute;left:0px;top:0px;background-color:#1cb8f1}
.lsk-progress .pro-erro{width:100%;font-size:14px;margin-top:10px}
.lsk-progress .pro-erro span{color:#f55c5f}
.lsk-progress .pro-erro a{color:#1CB8F1;margin-left:20px}
.lsk-table-show{width:100%;margin-top:20px}
.lsk-table-show em{display:inline-block;width:20px;height:20px;font-size:18px;position:absolute;right:10px;top:0px}
.lsk-table-show .thead{text-align:left;text-indent:15px;position:relative}
.lsk-table-show .thead em{cursor:pointer;display:inline-block;width:20px;height:20px;position:absolute;right:8px;top:10px;text-align:center;line-height:20px;text-indent:0}
.lsk-table-show p span.nr{border-right:0}
.lsk-data-a{font-size:12px;color:#1CB8F1;display:inline-block;margin-top:10px}
/*维修管理-阴保整改*/
.lsk-save{text-align:center;margin-top:30px;height:40px}
.lsk-save button{cursor:pointer;width:130px;height:40px;background-color:#c8c8c8;color:white;font-size:14px;text-align:center;line-height:40px;border:none;border-radius:6px}
.show-info{margin-right:20px}
.up-success{color:#646464;font-size:14px}
.up-success img{vertical-align:-3px}
.up-flaes{color:#646464;font-size:14px}
.up-flaes em{color:#f63030}
.up-flaes a{color:#1094d5}
.importPopup-error{border-radius:5px;width:754px;height:300px;background-color:white;position:fixed;left:50%;margin-left:-377px;top:30%;z-index:13}
.lsk-popup-title{border-top-left-radius:5px;border-top-right-radius:5px;width:100%;height:50px;line-height:50px;background-color:#647182;text-align:center;font-size:16px;color:white}
.popup-contents{width:100%;height:180px;overflow-y: auto;padding:20px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.popup-contents ul{width:100%}
.popup-contents ul li{height:30px;line-height:30px;font-size:14px;color:#646464}
.ok-close{width:100%;height:40px;text-align:center;margin-top:15px}
.ok-close button{cursor:pointer;width:130px;height:40px;background-color:#1094D5;color:white;font-size:14px;text-align:center;line-height:40px;border:none;border-radius:6px}
.lsk-ybRecord{width:100%}
.yb-record{width:100%;font-size:14px;color:#646464;}
.yb-r-info{width:100%;;margin-top:5px;margin-bottom:10px;overflow:hidden}
.yb-r-info ul{width:100%;}
.yb-r-info ul li{float:left;margin-right:5%;font-size:14px;color:#646464; line-height: 28px;}
.lsk-Contrast-diagram{width:800px;height:400px;border:1px solid #d2d2d2}
.lsk-m5{margin-left:3%}

/*xyf 清管直方图 Chart*/
.axis path,.axis line {
    fill: none;
    stroke: none;
    shape-rendering: crispEdges;
}
.axis text {
    font-family: sans-serif;
    font-size: 11px;
    fill:black;
}

.inner_line path,.inner_line line {
    fill: none;
    stroke:#E7E7E7;
    shape-rendering: crispEdges;
}
.MyRect {
    fill: #28a7d9;
}

.MyText {
    fill: #fe8e07;
}

.xyf-chart-tip
{
    display:block;
    width: 12px;
    z-index: 10;
    font-size:12px;
    background-color:#FFF;
    transform: rotate(90deg);
    border:1px solid #E7E7E7;
    font-family:Arial, Helvetica, sans-serif;
    cursor:pointer;
}
/*文档中心-技术标准*/
.lsk-jishu-icon{height: 18px; width: 18px; background: url(../img/doc.png) no-repeat -14px -11px; margin-bottom: -4px; margin-right: 7px;}
.lsk-jungong-icon{height: 23px; width: 20px; background: url(../img/doc.png) no-repeat -14px -49px; margin-bottom: -6px; margin-right: 7px;}
.lsk-sjwj-icon{height: 21px; width: 21px; background: url(../img/doc.png) no-repeat -12px -90px; margin-bottom: -6px; margin-right: 7px;}
.lsk-jcbg-icon{height: 21px; width: 20px; background: url(../img/doc.png) no-repeat -15px -135px; margin-bottom: -4px; margin-right: 7px;}
.lsk-pjbg-icon{height: 21px; width: 20px; background: url(../img/doc.png) no-repeat -14px -180px; margin-bottom: -4px; margin-right: 7px;}
.lsk-qt-icon{height: 21px; width: 20px; background: url(../img/doc.png) no-repeat -14px -222px; margin-bottom: -7px; margin-right: 7px;}
.up-process{float:left;width:85%;height:30px;border:1px solid #dfe5fa;position:relative;border-radius:4px}
.up-process em{display:inline-block;height:30px;position:absolute;background-color:#0e91d2;border-radius:3px}
.process-no{width:10%;float:left;margin-left:4%;font-size:24px;color:#646464;display:inline-block;line-height:30px}
.text-r{text-align:right}
.seting-bmgl{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../static/img/2.png") no-repeat center center;background-size:90%;margin-right:8px}
.icon-ghg {
    background: rgba(0, 0, 0, 0) url("../img/icon_fengxian.png") no-repeat scroll center center / 100% auto;
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    vertical-align: -3px;
    width: 18px;
}